 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 
 a {
     text-decoration: none;
     color: #333;
 }
 
 a:hover {
     text-decoration: none;
 }
 
 body {
     font-family: "微软雅黑";
     min-width: 320px;
 }
 
 ul {
     list-style: none;
 }
 
 li {
     list-style: none;
 }

 td{
     border:1px solid #333; 
 }
 
 .clear {
     overflow: hidden;
     clear: both;
 }
 
 .top {
     width: 100%;
     background: #ebebeb;
     height: 45px;
     line-height: 45px;
 }
 
 .tops {
     max-width: 1400px;
     margin: auto;
 }
 
 .left_top {
     float: left;
     font-size: 13px;
     color: #1a1717;
 }
 
 .right_top {
     float: right;
     width: 14.3%;
 }
 
 .right_top ul li {
     float: left;
     width: 30%;
 }
 
 .head {
     width: 100%;
     height: 134px;
     line-height: 134px;
     overflow: hidden;
 }
 
 .heads {
     max-width: 1400px;
     margin: auto;
 }
 
 .left_head {
     float: left;
     width: 46%;
 }
 
 .left_head img {
     vertical-align: middle;
 }
 
 .left_head span {
     font-size: 38.32px;
     font-weight: bold;
     color: #111;
     vertical-align: middle;
 }
 
 .right_head {
     float: right;
     width: 54%;
 }
 
 .right_head div {
     float: left;
 }
 
 .right_head div:first-child {
     width: 26%;
     position: relative;
 }
 
 .right_head div:first-child input {
     border-radius: 30px;
     border: 1px solid #777;
     outline: 0;
     height: 36px;
     width: 100%;
 }
 
 .right_head div:first-child button {
     width: 17.4%;
     height: 36px;
     border-radius: 100%;
     border: 1px solid #777;
     outline: 0;
     background: url(../images/search_03.jpg) center no-repeat;
     position: absolute;
     right: 0;
     top: 49px;
     cursor: pointer;
 }
 
 .right_head div:nth-child(2) {
     margin-left: 3%;
 }
 
 .right_head div:nth-child(2) img {
     margin-right: 9px;
 }
 
 .right_head div:nth-child(3) {
     font-size: 26px;
     font-weight: bold;
     color: #201c1c;
     margin-left: 1.2%;
 }
 
 .right_head div:last-child {
     margin-left: 2.2%;
 }
 
 .right_head div:last-child a {
     font-size: 16px;
     color: #181313;
     margin-left: 8px;
 }
 
 .nav {
     width: 100%;
     height: 60px;
     background: #99cc33;
 }
 
 .navs {
     max-width: 1400px;
     margin: auto;
 }
 
 .navs ul {
     width: 100%;
     height: 60px;
 }
 
 .navs li {
     float: left;
     width: 14.28%;
     text-align: center;
     position: relative;
 }
 
 .navs li a {
     height: 60px;
     line-height: 60px;
     display: inline-block;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
     width: 100%;
 }
 
 .navs li:hover {
     background: #1ea001;
 }
 
 .navs .detailnav {
     position: absolute;
     top: 60px;
     left: 0;
     overflow: initial;
     z-index: 9999999;
     display: none;
 }
 
 .navs .detailnav li {
     float: none;
     background: #99cc33;
     height: 60px;
     color: #fff;
     width: 100%;
 }
 
 .navs ul li:hover .detailnav {
     display: block;
 }
 
 .navs ul li .detailnav li:hover {
     display: block;
     background: #1ea001;
 }
 
 .intro {
     width: 100%;
     overflow: auto;
     margin-top: 36px;
 }
 
 .intros {
     max-width: 1400px;
     margin: auto;
 }
 
 .left_intro {
     float: left;
     width: 52%;
 }
 
 .left_intro img {
     width: 100%;
 }
 
 .right_intro {
     width: 45%;
     float: left;
     margin-left: 2.5%;
 }
 
 .right_intro div:first-child {
     margin-top: 35px;
 }
 
 .cname {
     font-size: 30px;
     color: #090808;
     margin-top: 25px;
 }
 
 .cintro {
     font-size: 15px;
     color: #413e3e;
     /*text-indent: 2em;*/
     margin-top: 20px;
     line-height: 1.8em;
 }
 
 .right_intro div:last-child a {
     font-size: 16px;
     font-weight: bold;
     color: #353434;
 }
 
 .right_intro div:last-child {
     margin-top: 20px;
 }
 
 .right_intro div:last-child a img {
     margin-right: 13px;
 }
 
 .rongyu {
     width: 100%;
 }
 
 .rongyus {
     max-width: 1400px;
     margin: auto;
     margin-top: 60px;
 }
 
 .tempWrap {
     width: 100% !important;
 }
 
 .rongyus ul li {
     float: left;
     width: 19%;
     border: 1px solid #e5e5e5;
     text-align: center;
     margin-right: 20px;
 }
 
 .rongyus .pic {
     margin-top: 5px;
 }
 
 .rname {
     height: 45px;
     line-height: 45px;
     font-size: 14.8px;
     color: #464646;
 }
 
 .rongyus ul li a {
     display: inline-block;
     width: 100%;
 }
 
 .product {
     width: 100%;
     background: #f8f8f8;
     overflow: auto;
     padding-bottom: 120px;
     position: relative;
     margin-top: 60px;
 }
 
 .products {
     max-width: 1400px;
     margin: auto;
     overflow: auto;
     margin-bottom: 30px;
 }
 
 .title {
     text-align: center;
 }
 
 .title .titlename {
     font-size: 42px;
     font-weight: bold;
     color: #7aba1e;
     background: url(../images/yin_line01.png) center bottom no-repeat;
     padding-top: 32px;
 }
 
 .title .titledetail {
     font-size: 16.86px;
     color: #454444;
     margin-top: 17px;
 }
 
 .pro_list {
     width: 100%;
     margin-top: 45px;
 }
 
 .pro_list li {
     width: 25%;
     float: left;
 }
 
 .pro_list li .pro_img {
     float: left;
     width: 14.2%;
 }
 
 .pro_list li .pro_name {
     float: left;
     width: 85.8%;
 }
 
 .pro_c_name {
     font-size: 26.76px;
     color: #221c1c;
 }
 
 .pro_e_name {
     font-size: 20.57px;
     color: #b8b7b7;
 }
 
 .pro {
     width: 95%;
     position: relative;
 }
 
 .pic img {
     width: 100%;
 }
 
 .pro img {
     width: 100%;
 }
 
 .pro_intro {
     text-align: center;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.7);
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     transition: all 0.8s;
 }
 
 .pro:hover .pro_intro {
     opacity: 1;
 }
 
 .pro_intro div:first-child {
     text-align: center;
     margin-top: 140px;
 }
 
 .pro_intro div:first-child img {
     width: 10%;
     margin-left: 15px;
 }
 
 .pro_intro div:first-child img:first-child {
     margin-left: 0;
 }
 
 .pro_intro div:nth-child(2) {
     font-size: 22.53px;
     color: #363833;
     width: 75%;
     margin: auto;
     margin-top: 30px;
 }
 
 .pro_intro div:last-child {
     font-size: 17.53px;
     color: #555654;
     width: 75%;
     margin: auto;
     margin-top: 30px;
 }
 
 .swiper-container-horizontal {
     overflow: hidden;
 }
 
 .middlenav {
     width: 100%;
     overflow: hidden;
 }
 
 .middlenavs {
     overflow: hidden;
     max-width: 1400px;
     margin: auto;
     margin-top: 67px;
     margin-bottom: 54px;
 }
 
 .middlenavs ul li {
     width: 25%;
     float: left;
     position: relative;
     overflow: hidden;
 }
 
 .nlink {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.7);
     text-align: center;
 }
 
 .nlink div:first-child {
     margin-top: 230px;
 }
 
 .nlink div:nth-child(2) {
     font-size: 25px;
     color: #fff;
     margin-top: 73px;
     margin-bottom: 35px;
 }
 
 .nlink div:nth-child(3) {
     width: 64.5%;
     margin: auto;
     border-top: 1px solid #fff;
     margin-bottom: 30px;
 }
 
 .middlenavs ul li:hover .nlink {
     background: rgba(160, 206, 70, 0.9);
 }
 
 .new {
     width: 100%;
     background: #f8f8f8;
     padding-bottom: 55px;
 }
 
 .news {
     max-width: 1400px;
     margin: auto;
 }
 
 .news .title .titlename {
     color: #130e0e;
 }
 
 .index_g {
     max-width: 1400px;
     padding: 0 10px;
     margin: auto;
     overflow: hidden;
     margin-bottom: 40px;
     margin-top: 35px;
 }
 
 .index_gLeft {
     float: left;
     width: 54%;
     overflow: hidden;
 }
 
 .index_gLeft .index_gLeftTop {
     overflow: hidden;
     border: 1px solid #ccc;
     border-left: 0;
     border-right: 0;
     width: 100%;
     height: 63px;
     line-height: 63px;
     margin-bottom: 32px;
 }
 
 .index_gLeftTop span {
     float: left;
     width: 33%;
     background: #7aba1e;
     color: #fff;
     text-align: center;
     font-size: 22px;
     border-radius: 4px;
 }
 
 .index_gLeftTop div {
     float: left;
     font-size: 17px;
     color: #ccc;
     margin-left: 2%;
 }
 
 .index_gLeftTop a {
     float: right;
     height: 100%;
 }
 
 .index_gLeft_a {
     width: 100%;
     overflow: hidden;
 }
 
 .index_gLeft_a_as {
     overflow: hidden;
     float: left;
     width: 42%;
 }
 
 .index_gLeft_a_as img {
     width: 100%;
     overflow: hidden;
     transition: all 0.3s;
 }
 
 .index_gLeft_a_as img:hover {
     transform: scale(1.1);
     cursor: pointer;
 }
 
 .index_gLeft_a_bs {
     float: right;
     width: 53%;
     overflow: hidden;
 }
 
 .index_gLeft_a_bs span {
     font-size: 16px;
     color: #464646;
     line-height: 36px;
 }
 
 .index_gLeft_a_bs p {
     color: #878787;
     margin: 0;
     line-height: 28px;
 }
 
 .index_gLeft_a_bs a {
     display: block;
     width: 173px;
     height: 40px;
     background: #7aba1e;
     color: #fff;
     text-align: center;
     line-height: 40px;
     border-radius: 30px;
     font-size: 16px;
     margin-top: 4rem;
 }
 
 .index_gLeft_b {
     display: block;
     height: 74px;
     border: 1px solid #ccc;
     width: 100%;
     line-height: 74px;
     overflow: hidden;
     margin-top: 32px;
 }
 
 .index_gLeft_b .index_gLeft_b_a {
     float: left;
     border-right: 1px solid #ccc;
     height: 48px;
     line-height: 166%;
     width: 17%;
     text-align: center;
     margin-top: 10px;
     margin-right: 17px;
 }
 
 .index_gLeft_b .index_gLeft_b_a div {
     color: #333;
     font-size: 22px;
     margin-top: 2px;
 }
 
 .index_gLeft_b .index_gLeft_b_a span {
     color: #666;
 }
 
 .index_gLeft_b .index_gLeft_b_b {
     float: left;
     font-size: 16px;
     color: #464646;
 }
 
 .index_gLeft_b img {
     float: right;
     margin-top: 19px;
 }
 
 .index_gRight {
     float: right;
     width: 43%;
     overflow: hidden;
 }
 
 .index_gRight .index_gRightTop {
     overflow: hidden;
     border: 1px solid #ccc;
     border-left: 0;
     border-right: 0;
     width: 100%;
     height: 63px;
     line-height: 63px;
     margin-bottom: 32px;
 }
 
 .index_gRightTop span {
     float: left;
     color: #333;
     font-size: 16px;
     border-radius: 4px;
 }
 
 .index_gRightTop div {
     float: left;
     font-size: 17px;
     color: #ccc;
     margin-left: 2%;
 }
 
 .index_gRightTop a {
     float: right;
     height: 100%;
 }
 
 .index_gRightbottom {
     overflow: hidden;
 }
 
 .index_gRightbottom a {
     display: block;
     background: url(../images/q_03.jpg)left 26px no-repeat;
     padding: 26px 0;
     padding-left: 48px;
     border-top: 1px dashed #ccc;
 }
 
 .index_gRightbottom a div {
     color: #464646;
     font-size: 16px;
     margin-bottom: 11px;
 }
 
 .index_gRightbottom a p {
     color: #878787;
     line-height: 28px;
     margin: 0;
 }
 
 .bottom {
     width: 100%;
     background: #383838;
     overflow: hidden;
 }
 
 .bottoms {
     max-width: 1800px;
     margin: auto;
 }
 
 .left_bot {
     width: 23.3%;
     float: left;
 }
 
 .left_bot div {
     font-size: 15px;
     color: #fff;
     padding-top: 60px;
     margin-bottom: 22px;
 }
 
 .left_bot form {
     width: 78.6%;
 }
 
 .left_bot form input {
     width: 100%;
     height: 39px;
     border: none;
     outline: 0;
     background: #fff;
     margin-top: 15px;
 }
 
 .left_bot form .submit {
     background: #7aba1e;
     color: #fff;
     margin-bottom: 70px;
 }
 
 .bline {
     border-left: 1px solid #5c5c5c;
     height: 224px;
     float: left;
     margin-top: 62px;
 }
 
 .middle_bot {
     width: 48.5%;
     float: left;
     margin-left: 3.5%;
     margin-top: 60px;
 }
 
 .middle_bot ul li {
     float: left;
     width: 25%;
     text-align: center;
     position: relative;
     ;
 }
 
 .middle_bot ul li a {
     font-size: 17px;
     color: #fff;
 }
 
 .blist {
     position: absolute;
     top: 60px;
     width: 100%;
     padding-left: 30%;
 }
 
 .middle_bot ul li:nth-child(3) .blist {
     padding-left: 25%;
 }
 
 .blist li {
     float: none !important;
     width: 100% !important;
     height: 30px;
     text-align: left !important;
 }
 
 .blist li a {
     font-size: 15px !important;
     color: #fff;
 }
 
 .right_bot {
     float: left;
     margin-top: 60px;
     margin-left: 3.7%;
 }
 
 .right_bot li {
     height: 30px;
 }
 
 .right_bot a {
     color: #fff;
     font-size: 15px;
 }
 
 .right_bot li:first-child a {
     font-size: 16px;
 }
 
 .right_bot li:nth-child(2) {
     height: 135px;
 }
 
 .foot {
     width: 100%;
     height: 74px;
     line-height: 74px;
     background: #252424;
     text-align: center;
 }
 
 .foot a {
     font-size: 14px;
     color: #c8c3c3;
 }
 
 .alllistsearch {
     width: 100%;
     height: 92px;
     border-bottom: 1px solid #ccc;
     overflow: hidden;
     line-height: 92px;
 }
 
 .alllistsearch>div {
     max-width: 1220px;
     margin: auto;
     ;
     overflow: hidden;
     padding: 0 10px;
 }
 
 .alllistsearchLeft {
     float: left;
     font-size: 16px;
     color: #464646;
 }
 
 .alllistsearchLeft img {
     margin-right: 7px;
 }
 
 .alllistsearchLeft i {
     font-style: normal;
 }
 
 .alllistsearchLeft span {}
 
 .alllistsearchLeft a {
     color: #464646;
 }
 
 .listnavRight {
     float: right;
 }
 
 .listnavRight a {
     display: block;
     float: left;
     font-size: 16px;
     color: #464646;
     padding: 0 3rem;
     transition: 0.3s linear;
 }
 
 .listnavRight a.on {
     background: #7aba1e;
     color: #fff;
 }
 
 .listnavRight a:hover {
     background: #7aba1e;
     color: #fff;
     transition: 0.3s linear;
 }
 
 .p12-aboutinfo-1 {
     max-width: 1220px;
     margin: auto;
     overflow: hidden;
 }
 
 .p12-aboutinfo-1 .tit {
     height: 160px;
     background: url(../images/d63899212b4c4e7d99ac9ed293b3ac9f_2.jpg)no-repeat center 91px;
     clear: both;
     text-align: center;
 }
 
 .p12-aboutinfo-1 .tit span {
     display: block;
     font-size: 28px;
     color: #000;
     padding-top: 45px;
 }
 
 .p12-aboutinfo-1 .tit em {
     font-style: normal;
     color: #999;
     text-transform: uppercase;
     font-family: "Times New Roman";
     padding-top: 18px;
     display: block;
 }
 
 .g-gywm {
     height: 530px;
     max-width: 1220px;
     margin: auto;
     overflow: hidden;
 }
 
 .wm-l {
     width: 40%;
     float: left;
     color: #fff;
     height: 460px;
     overflow: hidden;
     background: #7aba1e;
     padding: 60px 0 0 40px;
 }
 
 .wm-l h4 {
     font: 20px "Microsoft YaHei";
     line-height: 60px;
     padding-bottom: 30px;
     margin: 0;
 }
 
 .wm-l li {
     font: 16px "Microsoft YaHei";
     color: #fff;
     line-height: 40px;
 }
 
 .wm-l li b {
     font-weight: bold;
     font-size: 20px;
     color: #fff;
 }
 
 .wm-r {
     float: left;
     width: 60%;
 }
 
 #map {
     width: 100%;
     height: 460px;
     border: 1px solid rgb(204, 204, 204);
     font-size: 12px;
 }
 
 .map-title {
     font-size: 16px;
     line-height: 24px;
 }
 
 .map-list {
     font-size: 14px;
     line-height: 22px;
     color: #333;
     margin-top: 6px;
 }
 
 .listcontacts {
     width: 100%;
     background: #f1f1f1;
     overflow: hidden;
 }
 
 .listcontacts>div {
     max-width: 1210px;
     margin: 5rem auto;
     overflow: hidden;
 }
 
 .listcontacts>div>span {
     font-size: 28px;
     color: #6a6a6a;
 }
 
 .listcontacts>div>span>i {
     font-style: normal;
     font-size: 19px;
     color: #8d8c8c;
     font-family: Arial Regular;
     text-transform: uppercase;
     margin-left: 5px;
 }
 
 .listcontactsTitle {
     overflow: hidden;
     margin-top: 3rem;
 }
 
 .listcontactsTitle input {
     height: 58px;
     display: block;
     float: left;
     padding-left: 47px;
     box-sizing: border-box;
     width: 48%;
     font-size: 16px;
     margin-bottom: 2rem;
     border: 1px solid #ccc;
     outline: none;
 }
 
 .listcontactsTitle input:nth-child(1) {
     background: url(../images/122.png)left 0 no-repeat #fff;
     background-position: 11px;
 }
 
 .listcontactsTitle input:nth-child(2) {
     float: right;
     background: url(../images/123.png)left 0 no-repeat #fff;
     background-position: 17px;
 }
 
 .listcontactsTitle input:nth-child(3) {
     background: url(../images/124.png)left 0 no-repeat #fff;
     background-position: 8px;
 }
 
 .listcontactsTitle input:nth-child(4) {
     float: right;
     background: url(../images/125.png)left 0 no-repeat #fff;
     background-position: 12px;
 }
 
 .listcontactsTextarea {
     width: 100%;
     border: 1px solid #ccc;
     background: url(../images/126.png)left 0 no-repeat #fff;
     background-position: 12px 16px;
     padding-left: 47px;
     font-size: 16px;
     padding-top: 18px;
     height: 174px;
     outline: none;
 }
 
 .listcontactsubmit {
     text-align: center;
     margin-top: 3rem;
 }
 
 .listcontactsubmit input {
     background: #7aba1e;
     color: #fff;
     border: 0;
     width: 260px;
     height: 50px;
     font-size: 16px;
     margin: 0 5px;
 }
 
 .listcontactsubmit input:nth-child(2) {
     background: #484848;
 }
 
 .ab_1_1 {
     max-width: 1200px;
     margin: 70px auto;
     overflow: hidden;
 }
 
 .ab_1_2 {
     width: 38%;
     float: left;
     overflow: hidden;
 }
 
 .ab_1_2 img {
     width: 100%;
     height: auto;
 }
 
 .ab_1_3 {
     width: 56%;
     float: right;
 }
 
 .ab_1_3 h1 {
     font-size: 40px;
     color: #7aba1e;
     margin-top: 138px;
 }
 
 .ab_1_3 h2 {
     font-size: 25px;
     color: #7aba1e;
     margin-top: 22px;
 }
 
 .ab_1_3 p {
     font-size: 14px;
     line-height: 25px;
     
 }
 
 .ab_2_1 {
     max-width: 1200px;
     margin: 66px auto;
     background-color: #FFF;
     font-size: 0;
 }
 
 .ab_2 {
     background-color: #f1f1f1;
     overflow: hidden;
     width: 100%;
 }
 
 .ab_2_1 ul {
     list-style-type: none;
     display: block;
     font-size: 0;
     margin: 0px;
     padding: 0px;
     overflow: hidden;
 }
 
 .ab_2_1 ul li {
     display: block;
     float: left;
     width: 50%;
     height: 335px;
 }
 
 .ab_2_1 ul li h1 {
     font-size: 40px;
     color: #7aba1e;
     padding-top: 24px;
     padding-left: 46px;
 }
 
 .ab_2_1 ul li h2 {
     font-size: 23px;
     color: #333333;
     margin-top: 27px;
     margin-left: 46px;
     border-left: 3px solid #7aba1e;
 }
 
 .ab_2_1 ul li p {
     font-size: 16px;
     line-height: 25px;
     padding: 17px 65px 0 64px;
 }
 
 .ab_2_1 ul li img {
     width: 100%;
     height: 335px;
 }
 
 .ab_2_1 ul li:nth-child(4n) h2 {
     padding-left: 12px;
     margin-top: 73px;
 }
 
 .brand-three .brand-three-t {
     padding: 30px 0;
     text-align: center;
 }
 
 .brand-three .brand-three-t li {
     font-size: 28px;
     color: #555;
     border-bottom: 1px solid #f1f1f1;
     padding-bottom: 17px;
     margin-bottom: 17px;
     position: relative;
     list-style: none;
 }
 
 .brand-three .brand-three-t li:after {
     content: '';
     display: block;
     position: absolute;
     bottom: 0;
     left: 50%;
     width: 100px;
     height: 1px;
     background: #7aba1e;
     margin-left: -50px;
 }
 
 .brand-three .brand-three-t p {
     font-size: 14px;
     color: #ccc;
     margin: 0;
 }
 
 .brand-honor .brand-honor-box {
     overflow: hidden;
     padding: 5px 0px;
     position: relative;
 }
 
 .brand-honorswiper {
     position: relative;
     margin: 0 auto;
     max-width: 1380px;
     padding: 30px 10px;
     overflow: hidden;
 }
 
 .brand-honor .brand-honor-box .brand-honor-item {
     padding: 30px 15px;
     float: left;
     text-align: center;
     transition: all .5s;
 }
 
 .brand-honor .brand-honor-box .brand-honor-item li {
     margin: 20px auto;
     color: #666;
 }
 
 .brand-honor .brand-honor-box .brand-honor-item img {
     width: 100%;
 }
 
 .news-next,
 .news-prev {
     display: inline-block;
     width: 60px;
     height: 60px;
     position: absolute;
     top: 52%;
     transition: all .5s;
     border-radius: 2px;
 }
 
 .news-next {
     right: 0;
     background: url(../images/new-right.png) no-repeat center center;
 }
 
 .news-prev {
     left: 0;
     background: url(../images/new-left.png) no-repeat center center;
 }
 
 .brand-jin .brand-jin-box {
     overflow: hidden;
     padding: 5px 0px;
     position: relative;
 }
 
 .brand-jinswiper {
     position: relative;
     margin: 0 auto;
     max-width: 1380px;
     padding: 30px 10px;
     overflow: hidden;
 }
 
 .brand-jin .brand-jin-box .brand-jin-item {
     padding: 30px 15px;
     float: left;
     text-align: center;
     transition: all .5s;
 }
 
 .brand-jin .brand-jin-box .brand-jin-item li {
     margin: 20px auto;
     color: #666;
 }
 
 .brand-jin .brand-jin-box .brand-jin-item img {
     width: 100%;
 }
 
 .jinnews-next,
 .jinnews-prev {
     display: inline-block;
     width: 60px;
     height: 60px;
     position: absolute;
     top: 52%;
     transition: all .5s;
     border-radius: 2px;
 }
 
 .jinnews-next {
     right: 0;
     background: url(../images/new-right.png) no-repeat center center;
 }
 
 .jinnews-prev {
     left: 0;
     background: url(../images/new-left.png) no-repeat center center;
 }
 
 .listpro {
     max-width: 1220px;
     margin: 0 auto;
     overflow: hidden;
     padding: 0 10px;
     line-height: 34px;
     font-size: 16px;
     color: #666565;
 }
 
 .listpronav {
     overflow: hidden;
     margin-top: 38px;
     margin-bottom: 45px;
 }
 
 .listpronav li {
     width: 90px;
     height: 30px;
     border: 1px solid #e6e6e6;
     text-align: center;
     line-height: 30px;
     float: left;
     margin-right: 9px;
 }
 
 .listpronav li a {
     display: block;
     color: #444;
     font-size: 16px;
 }
 
 .listpronav li:hover {
     background: #7aba1e;
     border: 1px solid #7aba1e;
 }
 
 .listpronav li:hover a {
     color: #fff;
 }
 
 .listpronav li.current {
     background: #7aba1e;
     border: 1px solid #7aba1e;
 }
 
 .listpros {
     max-width: 1220px;
     margin: auto;
     overflow: hidden;
     margin-top: 40px;
     margin-bottom: 40px;
 }
 
 .listpros a {
     display: block;
     width: 31%;
     float: left;
     margin-right: 3.5%;
     margin-bottom: 2%;
 }
 
 .listpros a .listprosimg {
     position: relative;
     overflow: hidden;
     width: 100%;
 }
 
 .listpros a .listprosimg img {
     width: 100%;
     transition: all 0.3s;
 }
 
 .listpros a .listprosimg div {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     opacity: 0;
     transition: all 0.5s;
 }
 
 .listpros a .listprosimg div span {
     width: 64px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     display: block;
     margin: auto;
     position: absolute;
     right: 0;
     left: 0;
     bottom: 0;
     top: 0;
     border-bottom: 1px solid #fff;
     color: #fff;
     border-top: 1px solid #fff;
     font-size: 16px;
 }
 
 .listpros a p {
     font-size: 18px;
     color: #444;
     line-height: 44px;
     margin: 0;
     text-align: center;
 }
 
 .listpros a:nth-child(3n) {
     margin-right: 0;
 }
 
 .listpros a:hover .listprosimg img {
     transform: scale(1.1);
 }
 
 .listpros a:hover .listprosimg div {
     opacity: 1;
 }
 
 .listnew {
     max-width: 1280px;
     margin: auto;
     overflow: hidden;
     padding-top: 4rem;
 }
 
 .listnew a {
     display: block;
     width: 100%;
     overflow: hidden;
     border-bottom: 1px solid #ccc;
     padding-bottom: 2rem;
     margin-bottom: 3rem;
 }
 
 .listnew a img {
     float: left;
     width: 20%;
 }
 
 .listnew .listnewright {
     float: right;
     width: 78%;
     overflow: hidden;
     margin-top: 2rem;
 }
 
 .listnew .listnewright .listnewrighttop {
     overflow: hidden;
     line-height: 34px;
 }
 
 .listnew .listnewright .listnewrighttop span {
     font-size: 24px;
     transition: all 0.3s;
     color: #333;
 }
 
 .listnew .listnewright .listnewrighttop div {
     float: right;
     color: #c8c8c8;
     font-size: 12px;
 }
 
 .listnew .listnewright .listnewrighttop div i {}
 
 .listnew .listnewright .listnewrighttop div label {
     margin: 0;
     font-weight: 400;
     color: #969696;
 }
 
 .listnew .listnewright p {
     color: #666;
     font-size: 14px;
     line-height: 30px;
     margin: 0;
 }
 
 .listnew .listnewright>span {
     width: 86px;
     color: #fff;
     font-size: 12px;
     text-align: center;
     display: block;
     background: #7aba1e;
     padding: 5px 0;
     float: right;
     transition: all 0.3s;
 }
 
 .listnew .listnewright .listnewrighttop span:hover {
     color: #7aba1e;
 }
 
 .listnew .listnewright>span:hover {
     background: #000;
 }
 .menuBox {
    position: fixed;
    width: 62%;
    top: 0;
    left: -62%;
    height: 100%;
    z-index: 999999999;
    background: #99cc33;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.menuBox.active {
    left: 0;
}

.menuAll {
    position: relative;
    height: 100%;
    top: 0;
    padding-top: 43px;
}

.menuTitle {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 32px;
    border-bottom: solid 1px #fff;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.menuTitle i.fa {
    font-size: 20px;
    line-height: 32px;
    float: left;
    margin-right: 15px;
}

.menuBody {
    height: 100%;
    overflow: auto;
}

.menuBody ul {
    padding: 0;
    margin: 0;
}

.menuBody li.ua {
    padding: 0;
    border-bottom: solid 1px #fff;
}

.menuBody li a.ua_a {
    line-height: 38px;
}

.menuBody li a {
    color: #fff;
    line-height: 36px;
    padding: 0 15px;
    font-size: 12px;
}

.menuBody li a .fa {
    float: right;
    line-height: 36px;
    font-size: 18px;
    margin-right: 15px;
}

.menuBody ul.ul2_0 {
    background: #fff;
    display: none;
}

.menuBody ul {
    padding: 0;
    margin: 0;
}

.menuBody ul.ul2_0 li {
    border-top: solid 1px #fff;
    padding-left: 20px;
}

.header_phone {
    overflow: auto;
    background: #fff;
    width: 100%;
}
.blk-main {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.blk {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.p12-curmbs-1 {
    font-size: 14px;
    border-bottom: 1px dashed #dcdcdc;
}
.p12-curmbs-1 b {
    border-left: 10px solid #99cc33;
    font-weight: normal;
    padding-left: 8px;
}
.p12-curmbs-1 span {
    font-family: 'å®‹ä½“';
    padding: 0 5px;
    height: 46px;
    line-height: 46px;
}
.p12-curmbs-1 i {
    font-style: normal;
}
.p12-curmbs-1 a{
    color: #666;
}

.blk-xs {
    width: 20%;
}

.fdh-01-tit {
    background: #99cc33;
    height: 80px;
}
.fdh-01-tit h3 {
    height: 75px;
    font-size: 24px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
     margin-top: 0px; 
     margin: 0;
}
.fdh-01-nav a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}
.fdh-01-nav-one h3 {
    height: 50px;
    line-height: 50px;
    background: url(../image/p14-icon5.png) no-repeat right center #ececeb;
    margin-bottom: 2px;
    overflow: hidden;
     margin-top: 0px; 
}
.fdh-01-nav-one h3 a {
    display: block;
    height: 50px;
    font-size: 18px;
    font-weight: normal;
    margin-right: 40px;
    margin-left: 38px;
    color: #666;
}

.fdh-01-nav dl {
    padding: 2px 0 4px;
    margin: 0;
}

.fdh-01-nav dt {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    padding-left: 54px;
    padding-right: 40px;
    margin-bottom: 1px;
    background: #ececec;
    position: relative;
    overflow: hidden;
    font-weight: 400;
}
.fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover {
    background: url(../image/p14-icon2.png) no-repeat right center #99cc33;
}
.fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a {
    color: #fff;
}

.fdh-01-nav dt:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #b8b8b8;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after {
    border-color: #99cc33;
}



.cbgg-01 {
    background: #99cc33;
    text-align: center;
    color: #fff;
}

.cbgg-01-img img {
    width: 100%;
    display: block;
}

.cbgg-01 p {
    padding-top: 15px;
    margin: 0;
}

.cbgg-01 p img {
    vertical-align: middle;
    margin-right: 5px;
}

.cbgg-01 span {
    display: block;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 20px;
    padding-top: 10px;
}


.blk-sm{
    width: 78%;
}


.fr{
    float: right;
}
.b {
    clear: both;
}
.cplb-3n-ts-03-tit {
    height: 50px;
    font-size: 24px;
    font-weight: normal;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    margin-top: 0;
}
.cplb-3n-ts-03-tit span {
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #99cc33;
}


.cplb-3n-ts-03-list{
    overflow: hidden;
}

.cplb-3n-ts-03-list dl {
    width: 32.1%;
    border: 1px solid #dedede;
    margin-bottom: 15px;
    background: #fff;
    float: left;
    margin-right: 1.2%;
    cursor: pointer;
}

.cplb-3n-ts-03-list dt img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.cplb-3n-ts-03-list dd {
    padding: 6px 20px 5px 20px;
}

.cplb-3n-ts-03-list dd h4 {
    height: 45px;
    font-weight: normal;
    font-size: 18px;
    color: #154c64;
    line-height: 45px;
    overflow: hidden;
    margin: 0;
}


.cplb-3n-ts-03-list h4 a {
    display: block;
    height: 45px;
    color: #727272;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cplb-3n-ts-03-list dl a{
        color: #727272;
}

.cplb-3n-ts-03-list-desc {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-bottom: 12px;
    overflow: hidden;
    display: none;
}


.cplb-3n-ts-03-list dl:hover {
    border-color:  #99cc33;
}

.cplb-3n-ts-03-list dl:hover a {
    color:  #99cc33;
}


/**/
.p14-infolist-1-list dl {
    border: 1px solid #dedede;
    margin-bottom: 15px;
    padding: 22px 50px 22px 22px;
    background: #fff;
    overflow: hidden;
}
.p14-infolist-1-list dt {
    width: 29.5%;
    float: left;
    margin-right: 5.8%;
}

.p14-infolist-1-list dt img {
    width: 100%;
    display: block;
}

.p14-infolist-1-list dd h4 {
    height: 40px;
    font-weight: normal;
    font-size: 18px;
    color: #154c64;
    line-height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
}
.p14-infolist-1-list h4 a {
    display: block;
    height: 40px;
    color: #4b4a4a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p14-infolist-1-list-desc {
    max-height: 72px;
    font-size: 14px;
    line-height: 24px;
    color: #797979;
    margin-bottom: 28px;
    overflow: hidden;
}
.p14-infolist-1-list-deta {
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    float: right;
    background: #b6b6b6;
    color: #fff;
}
.p14-infolist-1-list-deta a{
    color: #fff;
}
.p14-infolist-1-list dl:hover {
    border: 1px solid #99cc33;
}

.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a {
    color: #fff;
}
.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta {
    background: #99cc33;
    border-color: #99cc33;
}
.fl{
     float: left;
}
#online{
     display: none;
}
.mobliebanner{
     display: none;
}

.c9 a{
     display: contents;
}
.boticons a{
     display: block;
     width: 85px;
     height: 85px;
     background: #3074E3;
     text-align: center;
     line-height: 85px;
     margin-bottom: 10px;
}
.boticon{
     position: fixed;
     right: 10px;
     top: 200px;
     transition: all 0.8s;
}
.boticon img{
     width: 40px;
}
.bitel span{
     font-size: 20px;
     color: #fff;
     font-weight: bold;
     display: none;
}
.bitel:hover a{
     width: 180px;
}
.bitel:hover img{
     display: none;
}
.bitel:hover span{
     display: block;
}